// 获取 nav 标签
const nav = document.querySelector(".nav");

// 给 按钮添加 事件委托
nav.addEventListener("click", (e) => {
  if (e.target.tagName === "INPUT") {
    // 获取点击的 学生ID
    const studentId = +e.target.dataset.studentid;
    // 判断是修改请求还是删除请求
    if (e.target.value === "修改") {
      location.href = "/studentUpdate/" + studentId;
    } else if (e.target.value === "删除") {
      location.href = "/studentDelete/" + studentId;
    }
  }
});

// 获取 分页模块的按钮
const inputs = document.querySelectorAll(`#paging > input`);
// 获取 页码文本 标签
const span = document.querySelector(`#paging > span`);

// 拿到路径（页码、展示数）
const urlParams = new URLSearchParams(window.location.search);
const page = Number(urlParams.get("page")) || 1;
const limit = Number(urlParams.get("limit")) || 10;

// 自动改变页码
span.innerHTML = `第 ${page} 页`;

// 给添加学生按钮一个跳转
inputs[0].addEventListener("click", () => {
  // 跳转到添加学生的请求路径
  location.href = "/studentAdd";
});

// 首页
inputs[1].addEventListener("click", () => {
  // 回到首页
  location.href = `/student?page=1&limit=${limit}`;
});

// 上一页
inputs[2].addEventListener("click", () => {
  // 页码减一（保证页码不会为 0）
  location.href = `/student?page=${page > 1 ? page - 1 : 1}&limit=${limit}`;
});

// 下一页
inputs[3].addEventListener("click", () => {
  // 页码加一
  location.href = `/student?page=${page + 1}&limit=${limit}`;
});
